body{background-color:transparent;} 
 body,h3,p,div{margin:0;padding:0;font: normal 14px 'omnes-pro', Helvetica, Arial, sans-serif;} 
 #header {
	position: relative;	
	margin: auto;
 }
 #header a {
	margin-left: 30px;						
 }
 #header h2 {	
	vertical-align: middle;	
	font-size: 42px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	margin-left: 30px;
	text-align: left;
 } 
 .usual { 
	 background:transparent; 
	 color:#111;	 
	 padding:15px 20px; 
	 width:auto; 	 
	 margin:8px auto; 
 } 
 .usual li {list-style:none; float:left;} 
 .usual ul a { 
	 display:block; 
	 padding:6px 10px; 
	 text-decoration:none!important; 
	 margin:1px; 
	 margin-left:0; 	 
	 font-weight:bold; 
	 color:#FFF; 
	 background:#aaa;	 
 } 
 .usual ul a:hover { 	 
	 color:#111; 	 
	 background:#EEF3FF;
 } 
 .usual ul a.selected { 
	 margin-bottom:0; 
	 color:#000; 	 
	 background:#EEF3FF;
	 border-bottom:1px solid snow; 
	 cursor:default; 
 }  
 .usual div{ 
	 padding: 10px 10px 8px 10px; 
	 *padding-top:3px; 	 
	 *margin-top:15px;
	 clear:left; 	 
	 background:#EEF3FF;	 
 }  
 .usual div a {color:#000; font-weight:bold;} 
 .hide{display:none;} 
 .show{display:block;} 
 .mr5{margin-right:5px;} 
 .red{color:red}  
 .usual div h3{margin-top:10px;margin-left:10px;font-size:24px;text-decoration:none;font-weight:bold;color:blue;}
 .usual div p{margin-top:0;margin-bottom:10px;} 
 .ipt label{float:left;padding-top:3px;text-align:left;width:130px;} 
 .pwd label{float:left;margin-left:-5px;padding-top:3px;text-align:left;width:160px;}   
 .di-led{margin-top:2px;margin-right:10px;margin:5px auto;border:0px dashed #ccc;height:28px;width:28px;display:block;} 
 .di-on{background-image: url(../img/di_on.png);} 
 .dio-on{background-image: url(../img/dio_on.png);} 
 .di-off{background-image: url(../img/di_off.png);}
 .d-no-use{background-image: url(../img/notused.png);} 
 .do-led{margin-top:2px;margin-right:20px;margin:5px auto;border:0px dashed #ccc;height:33px;width:96px;display:block;}
 .do-on{background-image: url(../img/do_on.png);} 
 .do-off{background-image: url(../img/do_off.png);} 
 .io-dir{margin-top:5px;margin-bottom:5px;text-align:center;font-weight:bold;} 
 .onboard-led{margin-top:2px;margin-right:10px;margin:5px auto;border:0px dashed #ccc;height:28px;width:28px;display:block;} 
 .led-on{background-image: url(../img/di_on.png);} 
 .led-off{background-image: url(../img/di_off.png);}
 .div-analog{margin-left:30px; padding:0px;} 
 .analog{margin-top:2px;margin-right:10px;border:1px solid #ccc;height:20px;width:500px;display:block;} 
 .io ul{margin-top:5px;margin-bottom:90px;} 
 .io li{margin-left:10px;margin-right:10px;list-style:none; float:left; text-align:center;}
 .pointer{cursor:pointer;} 
 .ain{width:0%;height:100%;text-align:center;background:red;float:left;display:block;} 
 .conf-menu span {float:left;}
 .conf-menu label{float:left; padding-top:3px; text-align:center; vertical-align:middle; width:70px;}
 .conf-menu ul{margin-top:5px;margin-bottom:600px;} 
 .conf-menu li{padding-left:20px;padding-right:20px;list-style:none; float:left; text-align:center; font-weight:bold; clear:both} 
  
 .info label{float:left;text-align:left;width:100px;} 
 .info li{text-align:center;clear:both}
 .info span{vertical-align:middle;float:left;text-align:left;display:block;padding:0px;border:0px;margin:0px;}
 .info div{margin:0 auto;text-align:center;display:table-cell;vertical-align:middle;padding:0px 15px 10px 0px;background:#FFE4E1;}
 
 a.tooltip {outline:none; }
 a.tooltip strong {line-height:30px;}
 a.tooltip:hover {text-decoration:none;} 
 a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:150px; line-height:16px;
 }
 a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
 .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
 /* CSS3 extras */
 a.tooltip span
 {
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
 }
 
 /* CSS for Buttons */
.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px; 
	color: #ffffff;	
	font-size: 13px;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	cursor: pointer;
	text-decoration: none;
}

.width-onoff{
    width: 60px;
    display: inline-block;
}

.btn-on {
	background: #3498db;
}

.btn-off {
	background: #C0C0C0;
}

